<template>
  <div class="slide">
    <el-carousel height="240px">
      <el-carousel-item
        v-for="item in list"
        :key="item.img"
      >
        <img :src="item.img">
      </el-carousel-item>
    </el-carousel>
  </div>
</template>
<script>
export default {
  data: () => {
    return {
      list: [{
        url: '#abc',
        img: require('../../assets/img/b1.png')
      }, {
        url: '#bsbsb',
        img: require('../../assets/img/b2.png')
      }, {
        url: '#sjfkajfj',
        img: require('../../assets/img/b3.jpg')
      }, {
        url: '#kjljj',
        img: require('../../assets/img/b5.jpg')
      }]
    }
  }
}
</script>
